﻿@model foodandgo.ViewModels.PlaceDetail

<div class="micro-inforbox">
    <div class="social-share-icons">
        <div class="foody-like"></div>
        <div id="facebook-like" class="facebook-like"></div>
        <div id="google-like" class="google-like"></div>
        <div id="twitter-like" class="twitter-like"></div>
        <div id="linkedin-like" class="linkedin-like"></div>
    </div>
    <div class="breadcrum">
        <div style="margin-left: 5px;">
            <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/ho-chi-minh/dia-diem">
                <span itemprop="title">TP. HCM</span> » </a></span>
            <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/ho-chi-minh/khu-vuc-quan-10">
                <span itemprop="title">Quận 10</span> » </a></span>
            <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/ho-chi-minh/khu-vuc-nga-sau-nguyen-tri-phuong" style="background: none!important;">
                <span itemprop="title">Khu vực Ng&#227; S&#225;u Nguyễn Tri Phương </span></a></span>

        </div>
    </div>
    <div class="micro-header">
        <div class="main-image">
            <div class="img">
                <img itemprop="photo" src="http://media.foody.vn/restaurant/foody-banh-canh-vit-xoi-hoang-tp-hcm_220.jpg" width="220" height="280" alt="@Model.Place.Name" />
            </div>


        </div>
        <div class="main-information disableSection">
            <div class="res-common">
                <div class="res-common-info">
                    <div class="main-info-title">
                        <h1 itemprop="name">@Model.Place.Name</h1>

                        <div style="clear: both; overflow: hidden;">


                            <div style="float: left">
                                <ul>
                                    <li style="float: left; padding: 2px 5px 0px 0; color: #888; font-size: 12px;" class="list">
                                        <a style="color: #888;" href="/ho-chi-minh/nha-hang-phong-cach-mien-tay">Miền Tây</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="res-summary-point">

                        <div style="float: left; width: 100%;" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                            <div class="microsite-top-points">
                                <span style="font-weight: normal; color: #555; font-size: 12px; padding-right: 5px;">M&#243;n ăn</span>
                                <span>
                                    <meta itemprop="bestRating" content="10" />
                                    <span itemprop="ratingValue">@Model.Review.Average(x=>x.Food)</span>
                                    <meta itemprop="reviewCount" content="9" />
                                </span>
                            </div>
                            <div class="microsite-top-points">
                                <span style="font-weight: normal; color: #555; font-size: 12px; padding-right: 5px;">Gi&#225; cả</span>
                                <span>
                                    <span>@Model.Review.Average(x=>x.Price)</span>
                                </span>
                            </div>
                            <div class="microsite-top-points">
                                <span style="font-weight: normal; color: #555; font-size: 12px; padding-right: 5px;">Vị tr&#237;</span>
                                <span>
                                    <span>@Model.Review.Average(x=>x.Position)</span>
                                </span>
                            </div>
                            <div class="microsite-top-points-block" style="margin-right: 0; width: 23px;">
                                <div class="microsite-top-points-label"></div>
                                <div class="microsite-top-points" style="margin-left: 0px; margin-top: 2px; width: 23px;"><a href="/ho-chi-minh/banh-canh-vit-xoi-hoang#sumary-point">»</a></div>
                            </div>
                        </div>

                    </div>
                    <div class="disableSection">
                        <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                            <div>
                                <div class="res-common-add">
                                    <span itemprop="streetAddress">@Model.Place.Address
                                    </span>
                                </div>


                            </div>
                        </div>
                        <div class="res-common-phone">
                            <span itemprop="telephone">@Model.Place.Phone</span>
                            <div class="report-data-error"><a class="resinfo-report" errorkeyname="Thông tin nhà hàng" href="javascript:void(0);">[báo lỗi]</a></div>
                        </div>
                        <div class="res-common-price">
                            Giá trung bình:
                                <span itemprop="priceRange"><span>@Model.Place.LowPrice <sub><b>đ</b></sub> - <span>@Model.Place.HighPrice</span> <sub><b>đ</b></sub></span>
                                </span>
                        </div>

                        <!--Begin feature gallery-->
                        <div class="feature-gallery">
                            <script type="text/javascript">
                                var totalPics = 19;
                                $(function () {
                                    $(".main-gallery").foodybox();
                                    if (totalPics > 5) {
                                    };
                                });

                            </script>
                            <div class="res-common-smallgal" style="position: relative;">
                                <!--  start gallery-->
                                <div id="gallery" style="height: 70px; overflow: hidden; clear: both">
                                    <div id="gallery_list" style="overflow: hidden">
                                        <ul>
                                            <li style="float: left; margin-right: 2px"><a href="http://media.foody.vn/album/635125969447525000_59959_605195609491461_2050758078_n.jpg" class="main-gallery" title="B&#225;nh Canh Vịt - X&#244;i Ho&#224;ng" data-id="97704" data-size="800x599" data-group="1" onclick="return false;">
                                                <img src="http://media.foody.vn/album/resize/635125969447525000_59959_605195609491461_2050758078_n_cropped_7070.jpg" border="0" alt="" />
                                            </a></li>
                                            <li style="float: left; margin-right: 2px"><a href="http://media.foody.vn/album/635125969447993750_544332_603915502952805_2019074863_n.jpg" class="main-gallery" title="B&#225;nh Canh Vịt - X&#244;i Ho&#224;ng" data-id="97706" data-size="800x494" data-group="1" onclick="return false;">
                                                <img src="http://media.foody.vn/album/resize/635125969447993750_544332_603915502952805_2019074863_n_cropped_7070.jpg" border="0" alt="" />
                                            </a></li>
                                            <li style="float: left; margin-right: 2px"><a href="http://media.foody.vn/album/635125969447993750_549114_616096361734719_87597442_n.jpg" class="main-gallery" title="B&#225;nh Canh Vịt - X&#244;i Ho&#224;ng" data-id="97707" data-size="800x599" data-group="1" onclick="return false;">
                                                <img src="http://media.foody.vn/album/resize/635125969447993750_549114_616096361734719_87597442_n_cropped_7070.jpg" border="0" alt="" />
                                            </a></li>
                                            <li style="float: left; margin-right: 2px"><a href="http://media.foody.vn/album/635125969449400000_559913_600622949948727_610423073_n.jpg" class="main-gallery" title="B&#225;nh Canh Vịt - X&#244;i Ho&#224;ng" data-id="97708" data-size="599x800" data-group="1" onclick="return false;">
                                                <img src="http://media.foody.vn/album/resize/635125969449400000_559913_600622949948727_610423073_n_cropped_7070.jpg" border="0" alt="" />
                                            </a></li>
                                            <li style="float: left; margin-right: 2px"><a href="http://media.foody.vn/album/635125969449400000_562060_600633889947633_1401770274_n.jpg" class="main-gallery" title="B&#225;nh Canh Vịt - X&#244;i Ho&#224;ng" data-id="97709" data-size="800x532" data-group="1" onclick="return false;">
                                                <img src="http://media.foody.vn/album/resize/635125969449400000_562060_600633889947633_1401770274_n_cropped_7070.jpg" border="0" alt="" />
                                            </a></li>
                                            <li style="z-index: 10; float: left; width: 70px;">
                                                <a href="/ho-chi-minh/banh-canh-vit-xoi-hoang/album-anh" style="width: 70px; display: table-cell; height: 68px; border: #e6e6e6 1px solid; font-size: 11px; text-align: center; background: #eee; vertical-align: middle; color: #999">Xem tất cả
                                                                        <br />
                                                    19 ảnh »
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!--  end gallery-->
                            </div>

                        </div>
                        <!--Begin feature gallery-->

                    </div>

                </div>
                <div class="res-common-ratings">

                    <div class="res-common-ratingpoints">

                        <div class="reward-notify-msg">
                            Bình luận để <span>+ 
                                    3 
                                    điểm</span>
                            <a href="/chinh-sach-thuong" target="_blank"><b>[?]</b>
                            </a>
                        </div>
                        <div>
                            <div class="title-left">
                                <div class="from-review">
                                    <a href="/ho-chi-minh/banh-canh-vit-xoi-hoang/binh-luan"><span style="color: #CC0000">@Model.Review.Count</span></a>
                                    bình luận
                                </div>
                            </div>
                            <div class="title-right" style="position: relative;">
                                <a href="#" class="review reviewLink" resid="24426"><span>Bình luận</span></a>

                            </div>
                        </div>
                        <div>
                            <div class="title-left">
                                <div class="from-review" style="margin-top: 6px;">
                                    <a href="/ho-chi-minh/banh-canh-vit-xoi-hoang/album-anh" class="pics-countable">19</a> hình ảnh
                                </div>
                            </div>
                            <div class="title-right">
                                <div>
                                    <a href="#" class="upload btn-upload"><span>Đăng ảnh</span></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div>
                                <div class="title-left">
                                    <div class="from-review" style="margin-top: 6px;">
                                        <a class="favouriteusers-link" href="javascript:void(0);" resid="24426"><span class="count-like" style="color: #C00;">5</span></a> yêu thích
                                    </div>
                                </div>
                                <div style="float: left; padding-top: 8px; display: none" class="favourite-restaurant-waiting">
                                    <img src="http://static.foody.vn/Style/images/icons/loading.gif" />
                                </div>
                                <div class="title-right">
                                    <a href="javascript:void(0)" class="favouriteRestaurant" resid="24426">
                                        <dd class="favourite"><span>Yêu thích</span></dd>
                                        <dd class="favourite_act" style="display: none"><span>Yêu thích</span></dd>
                                    </a>
                                </div>
                            </div>
                            <div>
                                <div class="title-left">
                                    <div class="from-review" style="margin-top: 6px;">
                                        <a class="wanted-link" href="javascript:void(0);" resid="24426"><span class="count-wanted" style="color: #C00;">6</span></a> Muốn đến
                                    </div>
                                </div>
                                <div style="float: left; padding-top: 8px; display: none" class="wanted-restaurant-waiting">
                                    <img src="http://static.foody.vn/Style/images/icons/loading.gif" />
                                </div>
                                <div class="title-right">
                                    <a href="javascript:void(0)" class="wantedRestaurant" resid="24426">
                                        <dd class="wanted"><span>Muốn đến</span></dd>
                                        <dd class="wanted_act" style="display: none"><span>Muốn đến</span></dd>
                                    </a>
                                </div>
                            </div>
                            <div>
                                <div class="title-left">
                                    <div class="from-review" style="margin-top: 6px;">
                                        <a href="javascript:void(0)" resid="24426" class="count-checkedin">8</a> Check-in
                                    </div>
                                </div>
                                <div style="float: left; padding-top: 8px; display: none" class="checkin-restaurant-waiting">
                                    <img src="http://static.foody.vn/Style/images/icons/loading.gif" />
                                </div>
                                <div class="title-right">
                                    <div>
                                        <a href="javascript:void(0)" class="restaurant_checkin checkin" resid="24426"><span>Check-in</span></a>
                                    </div>
                                    <div id="restaurant-basic-div">
                                        <div id="checkedInUsersDialog" data-bind="with: checkedInUsersModel" style="display: none">
                                            <div data-bind="visible: loading" style="padding-top: 100px; padding-bottom: 100px; padding-left: 200px;">
                                                <img alt="Đang tải ..." src="http://static.foody.vn/Style/images/loading-review.gif" />
                                            </div>
                                            <div data-bind="visible: !loading()">
                                                <span class="oes" style="margin-bottom: 5px; line-height: 1.4em;" data-bind="text: resName"></span>
                                                <div style="padding-bottom: 10px; border-bottom: #ccc 1px solid; font-size: 12px;"><b data-bind="text: users().length+' '"></b>thành viên check-in </div>
                                                <div style="overflow: auto; height: 340px; margin-top: 10px;" data-bind="foreach: users">
                                                    <div class="microsite-lovers-item-popup">
                                                        <div class="popup-image">
                                                            <a data-bind="attr:{href: ProfileUrl}">
                                                                <img data-bind="attr:{src: AvatarUrl}"></a>
                                                        </div>
                                                        <div class="popup-content">
                                                            <div><a data-bind="attr: { href: ProfileUrl }, text: $root.getUserDisplayName($data)"></a></div>
                                                            <div><span data-bind="text: TotalUserReviews+' '"></span>bình luận</div>
                                                            <div><span data-bind="text: TotalUserPictures+' '"></span>hình ảnh</div>
                                                            <div><span data-bind="text: TotalCheckedIns+' '"></span>check-in</div>
                                                            <div style="position: absolute; right: 0; top: 10px; font-weight: bold">
                                                                <div data-bind="if: FriendStatusId()==3">
                                                                    <div class="add-friend" data-bind="click: $root.addFriend">Kết bạn</div>
                                                                </div>
                                                                <div data-bind="if: FriendStatusId()==1" style="position: relative; float: right;">
                                                                    <span class="request-friendlist">Đã gửi kết bạn  </span>
                                                                    <span class="remove-friends" data-bind="click: $root.cancelAddFriend">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" /></span>
                                                                </div>

                                                                <div data-bind="if: FriendStatusId()==5">
                                                                    <span><b>Kết bạn?</b></span><br />
                                                                    <span class="accept-request" data-bind="click: $root.acceptFriendRequest"><b>Đồng ý</b></span>
                                                                    <span>|</span> <span data-bind="click: $root.cancelAddFriend"><b>Hủy</b></span>
                                                                </div>


                                                                <div class="friend-status" data-bind="if: FriendStatusId()==2" style="position: relative; float: right;">
                                                                    <div data-bind="click: $root.removeFriend" style="display: none" class="remove-friends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" />
                                                                    </div>
                                                                    <div class="isfriends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/approved.png" />
                                                                    </div>
                                                                    <div class="friend">Là bạn bè</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="favouriteUsersDialog" style="display: none" data-bind="with: favouriteUsersModel">
                                            <div data-bind="visible: loading" style="padding-top: 100px; padding-bottom: 100px; padding-left: 200px;">
                                                <img alt="Đang tải ..." src="http://static.foody.vn/Style/images/loading-review.gif" />
                                            </div>
                                            <div data-bind="visible: !loading()">
                                                <span class="oes" style="margin-bottom: 5px; line-height: 1.4em;" data-bind="text: resName"></span>
                                                <div style="padding-bottom: 10px; border-bottom: #ccc 1px solid; font-size: 12px;"><b data-bind="text: users().length+' '"></b>thành viên yêu thích </div>
                                                <div style="overflow: auto; height: 340px; margin-top: 10px;" data-bind="foreach: users">
                                                    <div class="microsite-lovers-item-popup">
                                                        <div class="popup-image">
                                                            <a data-bind="attr:{href: ProfileUrl}">
                                                                <img data-bind="attr:{src: AvatarUrl}"></a>
                                                        </div>
                                                        <div class="popup-content">
                                                            <div><a data-bind="attr: { href: ProfileUrl }, text: $root.getUserDisplayName($data)"></a></div>
                                                            <div><span data-bind="text: TotalUserReviews+' '"></span>bình luận</div>
                                                            <div><span data-bind="text: TotalUserPictures+' '"></span>hình ảnh</div>
                                                            <div style="position: absolute; right: 0; top: 10px; font-weight: bold">
                                                                <div data-bind="if: FriendStatusId()==3">
                                                                    <div class="add-friend" data-bind="click: $root.addFriend">Kết bạn</div>
                                                                </div>
                                                                <div data-bind="if: FriendStatusId()==1" style="position: relative; float: right;">
                                                                    <span class="request-friendlist">Đã gửi kết bạn  </span>
                                                                    <span class="remove-friends" data-bind="click: $root.cancelAddFriend">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" /></span>
                                                                </div>

                                                                <div data-bind="if: FriendStatusId()==5">
                                                                    <span><b>Kết bạn?</b></span><br />
                                                                    <span class="accept-request" data-bind="click: $root.acceptFriendRequest"><b>Đồng ý</b></span>
                                                                    <span>|</span> <span data-bind="click: $root.cancelAddFriend"><b>Hủy</b></span>
                                                                </div>


                                                                <div class="friend-status" data-bind="if: FriendStatusId()==2" style="position: relative; float: right;">
                                                                    <div data-bind="click: $root.removeFriend" style="display: none" class="remove-friends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" />
                                                                    </div>
                                                                    <div class="isfriends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/approved.png" />
                                                                    </div>
                                                                    <div class="friend">Là bạn bè</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="wantedUsersDialog" style="display: none" data-bind="with: favouriteUsersModel">
                                            <div data-bind="visible: loading" style="padding-top: 100px; padding-bottom: 100px; padding-left: 200px;">
                                                <img alt="Đang tải ..." src="http://static.foody.vn/Style/images/loading-review.gif" />
                                            </div>
                                            <div data-bind="visible: !loading()">
                                                <span style="margin-bottom: 5px; line-height: 1.4em;" data-bind="text: resName"></span>
                                                <div style="padding-bottom: 10px; border-bottom: #ccc 1px solid; font-size: 12px;"><b data-bind="text: users().length+' '"></b>Muốn đến </div>
                                                <div style="overflow: auto; height: 340px; margin-top: 10px;" data-bind="foreach: users">
                                                    <div class="microsite-lovers-item-popup">
                                                        <div class="popup-image">
                                                            <a data-bind="attr:{href: ProfileUrl}">
                                                                <img data-bind="attr:{src: AvatarUrl}"></a>
                                                        </div>
                                                        <div class="popup-content">
                                                            <div><a data-bind="attr: { href: ProfileUrl }, text: $root.getUserDisplayName($data)"></a></div>
                                                            <div><span data-bind="text: TotalUserReviews+' '"></span>bình luận</div>
                                                            <div><span data-bind="text: TotalUserPictures+' '"></span>hình ảnh</div>
                                                            <div style="position: absolute; right: 0; top: 10px; font-weight: bold">
                                                                <div data-bind="if: FriendStatusId()==3">
                                                                    <div class="add-friend" data-bind="click: $root.addFriend">Kết bạn</div>
                                                                </div>
                                                                <div data-bind="if: FriendStatusId()==1" style="position: relative; float: right;">
                                                                    <span class="request-friendlist">Đã gửi kết bạn  </span>
                                                                    <span class="remove-friends" data-bind="click: $root.cancelAddFriend">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" /></span>
                                                                </div>

                                                                <div data-bind="if: FriendStatusId()==5">
                                                                    <span><b>Kết bạn?</b></span><br />
                                                                    <span class="accept-request" data-bind="click: $root.acceptFriendRequest"><b>Đồng ý</b></span>
                                                                    <span>|</span> <span data-bind="click: $root.cancelAddFriend"><b>Hủy</b></span>
                                                                </div>


                                                                <div class="friend-status" data-bind="if: FriendStatusId()==2" style="position: relative; float: right;">
                                                                    <div data-bind="click: $root.removeFriend" style="display: none" class="remove-friends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/cancel-request.png" />
                                                                    </div>
                                                                    <div class="isfriends">
                                                                        <img src="http://static.foody.vn/Style/images/icons/approved.png" />
                                                                    </div>
                                                                    <div class="friend">Là bạn bè</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="padding-top: 10px; clear: both; border-top: #eee 1px solid; margin-top: 10px; float: left; width: 100%;">
                                <div class="clearfix" style="font-size: 11px; float: left; width: 100px; margin-top: 10px;">Đã được lưu <strong class="list-counter" style="color: #cc0000;">11</strong> list</div>
                                <div class="title-right" style="float: right; width: 117px;">
                                    <a class="tool-custom-list-add otherlist" data-id="24426" data-core="false"><span class="save-icons"></span><span>Lưu địa điểm</span> </a>
                                </div>
                            </div>


                        </div>

                        <div style="clear: both;"></div>
                    </div>
                    <div id="reviewDialog" style="display: none">
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
